<!DOCTYPE html>
<%@ page language="java" import="java.util.*" contentType="text/html;charset=UTF-8"%>
<%@include file="../../common/include/inc.jsp" %>
<head lang="en">
    <title>首页</title>
    <link rel="stylesheet" href="${ctx}/resource/plugins/ued/pub-ui/css/default.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/ace/assets/css/ace.css" class="ace-main-stylesheet" id="main-ace-style"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/ued/css/bootstrap.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/ued/css/page-styles.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/css/base.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/css/header.css"/>
    <link rel="stylesheet" href="${ctx}/resource/plugins/css/style.css"/>
</head>
<body>
<div class="homecontent">
    <div class="row row1">
        <div class="item monitor_row1_item1">
            <div class="title">
                <div class="icon"></div>
                <h3>当日监控告警对比</h3>
                <div class="homemore"></div>
            </div>
            <div class="content">
                <div class="table5">
                    <table cellspacing="0" id="info">
                        <tr>
                            <th><span>类别</span></th>
                            <th><span>当日</span></th>
                            <th><span>同比</span></th>
                            <th><span>环比</span></th>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="item monitor_row1_item2">
            <div class="title">
                <div class="icon"></div>
                <h3>最近24小时[严重]告警趋势对比分析</h3>
                <%--<div class="homemore2"></div>--%>
            </div>
            <div style="margin-top:2px;margin-right:2px;width: 98%;height: 305px;" id="top_center_echart">

            </div>
        </div>
        <div class="item monitor_row1_item3">
            <div class="title">
                <div class="icon"></div>
                <h3>当日告警级别占比</h3>
                <%--<div class="homemore2"></div>--%>
            </div>
            <div style="margin-top:2px;margin-right:2px;width: 98%;height: 305px;" id="top_right_echart">

            </div>
        </div>
    </div>
    <div class="row row2">
        <div class="item monitor_row2_item1">
            <div class="title">
                <div class="icon"></div>
                <h3>平台视角</h3>
                <div class="homemore2"></div>
            </div>
            <div class="content">
                <div class="tongji1">
                    <div class="line">
                        <span class="td">监控指标数量</span>
                        <span class="td">严重告警数量</span>
                        <span class="td">重要告警数量</span>
                        <span class="td">一般告警数量</span>
                        <span class="td">活动告警</span>
                        <span class="td">已消除告警</span>
                    </div>
                    <div class="line num">
                        <span class="td" id="jkzb1"></span>
                        <span class="td" id="yzgj1"></span>
                        <span class="td" id="zygj1"></span>
                        <span class="td" id="ybgj1"></span>
                        <span class="td" id="hdgj1"></span>
                        <span class="td" id="yxcgj1"></span>
                    </div>
                </div>
                <div class="table6">
                    <div class="left4">
                        <table cellspacing="0" id="on">
                            <tr>
                                <th><span>资源分类</span></th>
                                <th><span>严重告警</span></th>
                                <th><span>重要告警</span></th>
                                <th><span>一般告警</span></th>
                                <th><span>消除告警</span></th>
                                <th><span>活动告警</span></th>
                            </tr>
                        </table>
                    </div>
                    <div class="right4">
                        <table cellspacing="0" id="off">
                            <tr>
                                <th><span>资源分类</span></th>
                                <th><span>严重告警</span></th>
                                <th><span>重要告警</span></th>
                                <th><span>一般告警</span></th>
                                <th><span>消除告警</span></th>
                                <th><span>活动告警</span></th>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="item monitor_row2_item2">
            <div class="title">
                <div class="icon"></div>
                <h3>平台告警处理情况</h3>
                <%--<div class="homemore2"></div>--%>
            </div>
            <div style="margin-top:2px;margin-right:2px;width: 98%;height: 405px;" id="right_center_echart">

            </div>
        </div>
    </div>
    <div class="row row3">
        <div class="item monitor_row3_item1">
            <div class="title">
                <div class="icon"></div>
                <h3>业务视角</h3>
                <div class="homemore2"></div>
            </div>
            <div class="content">
                <div class="tongji1">
                    <div class="line">
                        <span class="td">监控指标数量</span>
                        <span class="td">严重告警数量</span>
                        <span class="td">重要告警数量</span>
                        <span class="td">一般告警数量</span>
                        <span class="td">活动告警</span>
                        <span class="td">已消除告警</span>
                    </div>
                    <div class="line num">
                        <span class="td" id="jkzb"></span>
                        <span class="td" id="yzgj"></span>
                        <span class="td" id="zygj"></span>
                        <span class="td" id="ybgj"></span>
                        <span class="td" id="hdgj"></span>
                        <span class="td" id="yxcgj"></span>
                    </div>
                </div>
                <div class="table6">
                    <div class="left4">
                        <table cellspacing="0" id="tb1">
                            <tr>
                                <th><span>资源分类</span></th>
                                <th><span>严重告警</span></th>
                                <th><span>重要告警</span></th>
                                <th><span>一般告警</span></th>
                                <th><span>消除告警</span></th>
                                <th><span>活动告警</span></th>
                            </tr>
                        </table>
                    </div>
                    <div class="right4">
                        <table cellspacing="0" id="tb2">
                            <tr>
                                <th><span>资源分类</span></th>
                                <th><span>严重告警</span></th>
                                <th><span>重要告警</span></th>
                                <th><span>一般告警</span></th>
                                <th><span>消除告警</span></th>
                                <th><span>活动告警</span></th>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="item monitor_row3_item2">
            <div class="title">
                <div class="icon"></div>
                <h3>业务告警处理情况</h3>
                <%--<div class="homemore2"></div>--%>
            </div>
            <div style="margin-top:2px;margin-right:2px;width: 98%;height: 85%;" id="right_down_echart">

            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="${ctx}/resource/plugins/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="${ctx}/resource/plugins/echarts4/esl.js"></script>
<script type="text/javascript" src="${ctx}/resource/plugins/ued/js/circle-progress.js"></script>
<script type="text/javascript" src="${ctx}/resource/plugins/ued/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${ctx}/resource/resource/monitor/monitorView.js"></script>

</body>
</html>
